﻿<!DOCTYPE html>
<!-- Modified from http://torqueo.net/files/html5-tabs/ -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>BBSFox Options</title>
	<link rel="stylesheet" type="text/css" href="css/site.css" />
	<script type="text/javascript" src="js/predefined_config.js"></script>
    <script type="text/javascript" src="js/options_gc.js"></script>
</head>

<body>
  <!-- HTML5 TABS CODE -->
  <div>
  <article class="tabs" style="width:900px;height:500px;">
    <section class="active">
      <header>設定</header>
        <div tabtype="maintab">
          <table>
            <tr>
              <td valign="top">
                <div id="siteListEx" tabtype="listview">
                  <div tabtype="listheaderrow">
                    <div tabtype="rowcells">
                      <div tabtype="colheader" style="left:0;">站台名稱</div>
                      <div tabtype="colheader" style="left:126px;">站台位置</div>
                    </div>
                  </div>
                  <div tabtype="listcellrow" id="defaultsiterow" site="default">
                    <div tabtype="rowcells">
                      <div tabtype="rowcell" style="left:0;" site="default">預設值</div>
                      <div tabtype="rowcell" style="left:126px;" site="default">預設值</div>
                    </div>
                  </div>
                </div>
                <div>
                  <button id="option.btnaddsite">新增站台</button>
                  <button id="option.btndelsite" disabled="true">刪除站台</button>
                </div>
              </td>
              <td valign="top">
                <label style="display:none;" id="option.siteprefnote">這個站台使用預設的設定值</label>
                <div style="width:510px;" id="option.siteprefpanel">
                  <article class="tabs">
                    <section class="active">
                      <header>顯示</header>
                      <div tabtype="subtab">
                        <fieldset>
                          <legend>字體大小調整方式</legend>
                          <div id='numbertext' style="display:none;">
                            <div style="position: relative;display:inline;">
                              <input type="text" readOnly="true" style="position:absolute;left:2px;top:-6px;width:45px;"/>
                              <img id ='image_up' style="position: absolute;left:50px;top:-3px;" class="imgup">
                              <img id ='image_down' style="position: absolute;left:50px;top:7px;" class="imgdown">
                            </div>
                          </div>

                          <input type="radio" name="viewsize" id="option.bbssize" value="0" checked="checked"/>
                          <label for="option.bbssize">隨視窗大小調整字體</label><br>

                          <input type="radio" name="viewsize" id="option.bbssize1" value="1"/>
                          <label for="option.bbssize1">固定畫面大小</label><label>　BBS畫面大小</label><input type="number" id="option.viewwidth" min='0' max='1920' step='1' value='960'/><label>x</label><input type="number" id="option.viewheight" min='0' max='1080' step='1' value='576'/><br>

                          <input type="radio" name="viewsize" id="option.bbssize2" value="2"/>
                          <label for="option.bbssize2">固定字體大小</label><label>　字體大小</label><input type="number" id="option.viewfontsize"  min='4' max='100' step='1' value='16'/>

                        </fieldset>
                        <fieldset>
                          <legend>畫面對齊</legend>
                          <input type="checkbox" id="option.haligncenter" checked="checked"/>
                          <label for="option.haligncenter">水平置中</label>
                          <input type="checkbox" id="option.valigncenter" checked="checked"/>
                          <label for="option.valigncenter">垂直置中</label>
                        </fieldset>
                        <fieldset>
                          <legend>邊框</legend>
                          <input type="checkbox" id="option.displayborder" checked="checked"/>
                          <label for="option.displayborder">顯示邊框</label>
                          <label for="option.colorpicker">　顏色</label>
                          <select id="option.bordercolor" type="select-one" name="bordercolor" class="colorpicker">
                            <option value="0">0</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                            <option value="8">8</option>
                            <option value="9">9</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                            <option value="13">13</option>
                            <option value="14">14</option>
                            <option value="15">15</option>
                          </select>
                        </fieldset>
                        <fieldset>
                          <legend>背景設定</legend>
                          <label for="option.backgroundtype">背景種類</label>
                          <select id="option.backgroundtype">
                            <option value="0">純色背景(黑色)</option>
                            <option value="1">圖片並排</option>
                            <option value="2">圖片置於中央</option>
                            <option value="3">圖片放大到整個視窗(維持長寬比)</option>
                            <option value="4">圖片放大到整個視窗</option>
                          </select><br>
                          <label>設定背景圖片</label><button id='option.btnselectbgfile'>...</button><input type="text" id="option.backgrounddata" size="5" hidden="true"/>
                          <label for="option.backgroundBrightness">　圖片亮度</label>
                          <input type="number" id="option.backgroundbrightness" size="2" min="4" max="100" step="1"/>
                        </fieldset>
                        <fieldset>
                          <legend>字元顯示</legend>
                          <label for="option.charset">編碼：</label>
                          <select id="option.charset" disabled="true">
                            <option value="big5">big5</option>
                            <option value="gb2312">gb2312</option>
                            <option value="utf-8">utf-8</option>
                          </select><br>
                          <input type="checkbox" id="option.dbcsdetect" checked="checked" /><label for="option.dbcsdetect">自動偵測雙位元組字集文字</label><br>
                          <input type="checkbox" id="option.linefeed" checked="checked" disabled="true"/><label for="option.linefeed">文字超出畫面自動換行</label><br>
                          <label for="option.linewrap">貼上文字超過</label>
                          <input type="text" id="option.linewrap" size="2" disabled="true"/>
                          <label for="option.linewrap">自動換行(0=關閉不用)</label><br>
                          <label for="option.fontface">字型</label>
                          <input type="text" id="option.fontface" size="10"/>
                        </fieldset>
                      </div>
                    </section>
                    <section>
                      <header>站台</header>
                      <div tabtype="subtab">
                        <fieldset>
                          <legend>站台設定</legend>
                          <input type="checkbox" id="option.closequery" checked="checked" /><label for="option.closequery">關閉BBS頁面時若還在連線中要詢問</label><br>
                          <label for="option.idletime">若閒置</label><input type="number" id="option.idletime"  min='0' max='999' step='1' value='0'/><label for="option.idlestr">秒後送出下列字串</label><input type="text" id="option.idlestr" size="4"/><label for="option.idlestr">(0=關閉不用)</label><br>
                          <label for="option.escapestr">貼上彩色文字把ESC轉換成：</label>
                          <select id="option.escapestr">
                            <option value="^[">^[</option>
                            <option value="^[^[">^[^[</option>
                            <option value="^C^H^H">^C^H^H</option>
                            <option value="^U">^U</option>
                          </select>
                          <label for="option.escapestr">大多數站台使用^U或^C^H^H</label><br>
                          <label for="option.entertype">當按下Enter鍵時送出：</label>
                          <select id="option.entertype">
                            <option value="0">CR</option>
                            <option value="1">CRLF</option>
                          </select><br>
                          <label for="option.termtype">終端機型態：</label>
                          <select id="option.termtype">
                            <option value="VT100">VT100</option>
                          </select><br>
                        </fieldset>
                        <fieldset>
                          <legend>自動登入</legend>
                          <label for="option.preloginprompt">登入前的提示：</label><input type="text" id="option.preloginprompt" size="16"/><label for="option.prelogin">登入前的字串：</label><input type="text" id="option.prelogin" size="16"/><br>
                          <label for="option.loginprompt">登入提示：</label><input type="text" id="option.loginprompt" size="16"/><label for="option.login">帳號：</label><input type="text" id="option.login" size="16"/><br>
                          <label for="option.passwordprompt">密碼提示：</label><input type="text" id="option.passwordprompt" size="16"/><label for="option.passwd">密碼：</label><input type="password" id="option.passwd" size="16"/><br>
                          <label for="option.postlogin">登入後送出的字串：</label><input type="text" id="option.postlogin" size="16"/><br>
                        </fieldset>
                      </div>
                    </section>
                    <section>
                      <header>滑鼠</header>
                      <div tabtype="subtab">
                        <fieldset>
                          <legend>滾輪</legend>
                          <label for="option.mousewheelfunc1">滾輪</label>
                          <select id="option.mousewheelfunc1">
                            <option value="0">無動作</option>
                            <option value="1">上/下</option>
                            <option value="2">上一頁/下一頁</option>
                            <option value="3">同標題上一篇/同標題下一篇</option>
                          </select><br>
                          <label for="option.mousewheelfunc2">滑鼠右鍵+滾輪</label>
                          <select id="option.mousewheelfunc2">
                            <option value="0">無動作</option>
                            <option value="1">上/下</option>
                            <option value="2">上一頁/下一頁</option>
                            <option value="3">同標題上一篇/同標題下一篇</option>
                          </select><br>
                          <label for="option.mousewheelfunc3">滑鼠左鍵+滾輪</label>
                          <select id="option.mousewheelfunc3">
                            <option value="0">無動作</option>
                            <option value="1">上/下</option>
                            <option value="2">上一頁/下一頁</option>
                            <option value="3">同標題上一篇/同標題下一篇</option>
                          </select><br>
                        </fieldset>
                        <fieldset>
                          <legend>滑鼠瀏覽</legend>
                          <input type="checkbox" id="option.usemousebrowsing" checked="checked" /><label for="option.usemousebrowsing">使用滑鼠瀏覽</label><br>
                          <input type="checkbox" id="option.usemousebrowsingex" checked="checked" /><label for="option.usemousebrowsingex">啟用進階滑鼠瀏覽(更新文章、同標題第一篇/上一篇/下一篇/最後一篇)</label><br>
                          <input type="checkbox" id="option.mousebrowsesendenter" checked="checked" /><label for="option.mousebrowsesendenter">滑鼠瀏覽時長按左鍵時送出Enter</label><br>
                          <input type="checkbox" id="option.mousebrowsinghighlight" checked="checked" /><label for="option.mousebrowsinghighlight">使用滑鼠瀏覽的底色效果</label>
                          <label for="option.highlightbg">　顏色</label>
                          <select id="option.highlightbg" type="select-one" name="highlightbg" class="colorpicker">
                            <option value="0">0</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                            <option value="8">8</option>
                            <option value="9">9</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                            <option value="13">13</option>
                            <option value="14">14</option>
                            <option value="15">15</option>
                          </select><br>
                          <input type="checkbox" id="option.mousebrowsinghandpointer" checked="checked" /><label for="option.mousebrowsinghandpointer">滑鼠瀏覽文章/看板列表時使用手指狀游標</label>
                        </fieldset>
                        <fieldset>
                          <legend>其他</legend>
                          <label for="option.middlebuttonfunction">滑鼠中鍵按下時</label>
                          <select id="option.middlebuttonfunction">
                            <option value="0">無動作</option>
                            <option value="1">送出Enter</option>
                            <option value="2">送出左方向鍵</option>
                          </select><br>
                          <input type="checkbox" id="option.loadurlinbg" checked="checked" disabled="true"/><label for="option.loadurlinbg">BBS畫面點擊鏈結後不要自動跳到新的分頁(不建議使用)</label><br>
                          <input type="checkbox" id="option.droptopaste" checked="checked" disabled="true"/><label for="option.droptopaste">當拖放 文字/鏈結/圖片 到BBS視窗時 貼上 文字/鏈結/圖片網址</label><br>
                          <input type="checkbox" id="option.clearcopiedsel" checked="checked" disabled="true"/><label for="option.clearcopiedsel">複製完畢自動取消選取</label><br>
                          <input type="checkbox" id="option.detectlink" checked="checked" /><label for="option.detectlink">偵測鏈結</label><br>
                        </fieldset>
                      </div>
                    </section>
                    <section>
                      <header>熱鍵</header>
                      <div tabtype="subtab">
                          <div style='display:none;'>
                          <label for="option.hotkeyctrlw">熱鍵Ctrl+W</label>
                          <select id="option.hotkeyctrlw">
                            <option value="0">瀏覽器預設動作-關閉頁籤</option>
                            <option value="1">BBS預設動作-送出Ctrl+W</option>
                          </select><br>
                          </div>
                          <label for="option.hotkeyctrll">熱鍵Ctrl+L</label>
                          <select id="option.hotkeyctrll">
                            <option value="0">瀏覽器預設動作-網址列輸入</option>
                            <option value="1">BBS預設動作-送出Ctrl+L</option>
                          </select><br>
                          <input type="checkbox" id="option.hokeyforselectall" checked="checked"/><label for="option.hokeyforselectall">啟用[全選]熱鍵</label><br>
                          <input type="checkbox" id="option.hokeyfrmousebrowsing" checked="checked"/><label for="option.hokeyfrmousebrowsing">啟用[滑鼠瀏覽切換]熱鍵</label><br>
                          <div style='display:none;'><input type="checkbox" id="option.hokeyforbgdisplay" checked="checked"/><label for="option.hokeyforbgdisplay">啟用[背景圖片切換]熱鍵</label><br></div>
                          <div style='display:none;'><input type="checkbox" id="option.hokeyforeasyreading" checked="checked"/><label for="option.hokeyforeasyreading">啟用好讀模式熱鍵</label><br></div>
                          <div style='display:none;'><input type="checkbox" id="option.hokeyfordownloadpost" checked="checked"/><label for="option.hokeyfordownloadpost">啟用下載文章熱鍵</label>
                          <select id="option.hotkeydownloadtype">
                            <option value="0">文字</option>
                            <option value="1">ANSI彩色</option>
                            <option value="2">HTML</option>
                          </select></div>
                      </div>
                    </section>
                    <section>
                      <header>快顯功能表</header>
                      <div tabtype="subtab">
                        <input type="checkbox" id="option.embeddedplayermenu" checked="checked"/><label for="option.embeddedplayermenu">啟用[在浮動視窗中顯示影片]項目</label><br>
                        <input type="checkbox" id="option.previewpicturemenu" checked="checked"/><label for="option.previewpicturemenu">啟用[顯示縮圖]項目</label><br>
                        <input type="checkbox" id="option.mousebrowsemenu" checked="checked"/><label for="option.mousebrowsemenu">啟用[滑鼠瀏覽切換]項目</label><br>
                        <input type="checkbox" id="option.openalllinkmenu" checked="checked"/><label for="option.openalllinkmenu">啟用[開啟畫面上所有鏈結]項目</label><br>
                        <input type="checkbox" id="option.screenkeyboardmenu" checked="checked"/><label for="option.screenkeyboardmenu">啟用[開啟標點符號輸入窗]項目</label><br>
                        <input type="checkbox" id="option.pushthreadmenu" checked="checked"/><label for="option.pushthreadmenu">啟用[推文工具]項目</label><br>
                      </div>
                    </section>
                    <section>
                      <header>影片視窗</header>
                      <div tabtype="subtab">
                        <fieldset>
                          <legend>浮動影片視窗的大小</legend>

                          <input type="radio" name="embeddedplayer" id="option.embeddedplayer" value="0" checked="checked"/>
                          <label for="option.embeddedplayer">425x344(4:3)</label><br>

                          <input type="radio" name="embeddedplayer" id="option.embeddedplayer1" value="1"/>
                          <label for="option.embeddedplayer1">480x385(4:3)</label><br>

                          <input type="radio" name="embeddedplayer" id="option.embeddedplayer2" value="2"/>
                          <label for="option.embeddedplayer2">640x505(4:3)</label><br>

                          <input type="radio" name="embeddedplayer" id="option.embeddedplayer3" value="3"/>
                          <label for="option.embeddedplayer3">960x745(4:3)</label><br>

                          <input type="radio" name="embeddedplayer" id="option.embeddedplayer4" value="4"/>
                          <label for="option.embeddedplayer4">560x340(16:9)</label><br>

                          <input type="radio" name="embeddedplayer" id="option.embeddedplayer5" value="5"/>
                          <label for="option.embeddedplayer5">640x385(16:9)</label><br>

                          <input type="radio" name="embeddedplayer" id="option.embeddedplayer6" value="6"/>
                          <label for="option.embeddedplayer6">853x505(16:9)</label><br>

                          <input type="radio" name="embeddedplayer" id="option.embeddedplayer7" value="7"/>
                          <label for="option.embeddedplayer7">1280x745(16:9)</label><br>

                        </fieldset>

                        <input type="checkbox" id="option.hokeyforselectall" checked="checked"/><label for="option.hokeyforselectall">自動開始播放影片</label><br>

                      </div>
                    </section>
                    <section>
                      <header>圖片預覽</header>
                      <div tabtype="subtab">
                        <input type="checkbox" id="option.enablepicturepreview" checked="checked"/><label for="option.enablepicturepreview">滑鼠停在鏈結上時啟用圖片預覽</label>
                        <input type="checkbox" id="option.ctrlpicturepreview" checked="checked"/><label for="option.ctrlpicturepreview">只在Ctrl按下時才啟用圖片預覽</label><br>
                        <input type="checkbox" id="option.picturepreviewinfo" checked="checked"/><label for="option.picturepreviewinfo">顯示縮圖資訊</label><br>
                        <label for="option.picturepreviewheight">縮圖高度</label><input type="number" id="option.picturepreviewheight" min='0' max='1920' step='1' value='0'/><label for="option.picturepreviewheight">(0=原始大小)</label><br>
                      </div>
                    </section>
                    <section>
                      <header>雜項</header>
                      <div tabtype="subtab">
                        <label for="option.ScreenKeyboardAlpha">符號輸入窗的透明度</label><input type="number" id="option.picturepreviewheight"  min='0' max='100' step='1' value='0'/><label for="option.picturepreviewheight">(0=不透明, 100=完全透明)</label><br>
                        <label for="option.PushThreadLineLength">推文工具每行的文字數</label><input type="number" id="option.picturepreviewheight" min='46' max='60' step='1' value='46'/><br>
                        <label for="option.DownloadLineDelay">下載文章時每行間的延遲</label><input type="number" id="option.picturepreviewheight" min='0' max='999' step='1' value='600'/><label for="option.picturepreviewheight">ms(建議值600ms)</label><br>
                        <input type="checkbox" id="option.SaveAfterDownload" checked="checked"/><label for="option.picturepreviewinfo">下載文章後詢問儲存位置</label><br>
                        <input type="checkbox" id="option.EasyReadingWithImg" checked="checked"/><label for="option.picturepreviewinfo">好讀模式中直接引入圖片內容</label>
                        <input type="checkbox" id="option.EasyReadingWithVideo" checked="checked"/><label for="option.picturepreviewinfo">好讀模式中直接引入影片內容</label><br>
                        <input type="checkbox" id="option.DeleteSpaceWhenCopy" checked="checked"/><label for="option.picturepreviewinfo">複製時去除行尾空白</label><br>
                        <fieldset>
                          <legend>輸入法緩衝區</legend>
                          <input type="checkbox" id="option.HideInputBuffer" checked="checked"/><label for="option.picturepreviewinfo">不顯示輸入法緩衝區(XP傳統注音輸入法適用)</label><br>
                          <label>輸入法緩衝區高度</label><br>
                          <input type="radio" name="InputBufferSizeType" id="option.InputBufferSizeType" value="1" checked="checked"/>
                          <label for="option.InputBufferSizeType">和目前字體大小相同</label><br>
                          <input type="radio" name="InputBufferSizeType" id="option.InputBufferSizeType1" value="0"/>
                          <label for="option.InputBufferSizeType1">固定大小</label>
                          <label for="option.DefineInputBufferSize">指定緩衝區大小</label><input type="number" id="option.DefineInputBufferSize" min='0' max='999' step='1' value='0'/>
                        </fieldset>
                      </div>
                    </section>
                  </article>
                </div>
              </td>
            </tr>
          </table>
        </div>
      </section>
      <section>
        <header>關於</header>
        <div tabtype="maintab">
          <p>ettoolong@hotmail.com</p>
		  <p>rswa000@gmail.com</p>
        </div>
      </section>
    </article>
    <button id='option.btnsave'>儲存設定值</button>
  </div>
  <div id="option.mask" style="display:none;position:absolute;left:0px;top:0px;z-index:9;width:0px;height:0px;background:#000000;opacity: 0.75;"></div>
  <div id="addsite.window" style="display:none;padding: 10px;position:absolute;left:100px;top:100px;z-index:10;border-radius:5px;width:250px;height:100px;background:#c0c0FF;border:1px solid #000000;">
    <label for="addsite.name">站台名稱</label><input type="text" id="addsite.name" size="20" spellcheck="false"/><br>
    <label for="addsite.addr">站台位置</label><input type="text" id="addsite.addr" size="20" spellcheck="false"/><br>
    <input type="checkbox" id="addsite.usedefault" checked="checked"/><label for="addsite.usedefault">使用預設的設定值</label><br>
    <div align="right">
	  <button id="addsite.btnok" disabled="true">確定</button>
	  <button id="addsite.btncancel">取消</button></div>
  </div>
  <div id="delsite.window" style="display:none;padding: 10px;position:absolute;left:100px;top:100px;z-index:10;border-radius:5px;width:300px;height:60px;background:#c0c0FF;border:1px solid #000000;">
    <label id="delsite.ask"></label>
    <div align="center">
	  <button id="delsite.btnok">確定</button>
	  <button id="delsite.btncancel">取消</button></div>
  </div>
    <!-- /HTML5 TABS CODE -->
</body>
</html>

